<!DOCTYPE html>

<html xmlns:th="http://www.thymeleaf.org">
<head>
<meta charset="utf-8" />
<title th:utext="#{title.registration}"></title>
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta name="description" content="" />
<meta name="author" content="Dhrubo" />

<!-- Le styles -->
<link rel="stylesheet" type="text/css" media="all"
	href="css/bootstrap.css" th:href="@{/resources/css/bootstrap.css}" />
<style type="text/css">
body {
	padding-top: 60px;
	padding-bottom: 40px;
}

.sidebar-nav {
	padding: 9px 0;
}

@media ( max-width : 980px) {
	/* Enable use of floated navbar text */
	.navbar-text.pull-right {
		float: none;
		padding-left: 5px;
		padding-right: 5px;
	}
}
</style>
<link rel="stylesheet" type="text/css" media="all"
	href="css/bootstrap-responsive.css"
	th:href="@{/resources/css/bootstrap-responsive.css}" />



</head>

<body>

	<div class="navbar navbar-inverse navbar-fixed-top">
		<div class="navbar-inner">
			<div class="container">
				<button type="button" class="btn btn-navbar" data-toggle="collapse"
					data-target=".nav-collapse">
					<span class="icon-bar"></span> <span class="icon-bar"></span> <span
						class="icon-bar"></span>
				</button>
				<a class="brand" href="welcome"
					style="color: yellow; font-weight: bold" th:utext="#{product}"></a>
				<div class="nav-collapse collapse">
					<ul class="nav">
						<li><a href="welcome" th:utext="#{home}"></a></li>
						<!-- 
						<li><a href="pricing" th:utext="#{pricing}">Pricing</a></li>
						 
						<li><a href="features" th:utext="#{pricing}"></a></li>
						-->

						<li class="active"><a href="registration"
							th:utext="#{signup}"></a></li>

					</ul>
					<form class="navbar-form pull-right"
						th:action="@{/j_spring_security_check}"
						action="j_spring_security_check" method="post">
						<input class="span2" th:placeholder="#{email}" type="text"
							name="j_username" /> <input class="span2"
							th:placeholder="#{password}" type="password" name="j_password" />
						<button type="submit" class="btn" th:utext="#{signin}"></button>
					</form>

				</div>
				<!--/.nav-collapse -->
			</div>
		</div>
	</div>

	<div class="container">

		<div class="row-fluid">
			<div class="span6">
				<ul class="breadcrumb">
					<li><a href="welcome" th:utext="#{home}"></a> <span
						class="divider">/</span></li>

					<li class="active" th:utext="#{signup}"></li>
				</ul>
			</div>

		</div>


		<div class="row-fluid">

			<div class="span12">


				<form id="registrationform" th:action="@{/registeruser}"
					class="form-horizontal" th:object="${user}" method="post">

					<fieldset>
						<legend th:utext="#{signup}"></legend>
						<div id="message"></div>


						<div class="control-group" id="cgcompany.name">
							<label class="control-label" for="company" th:utext="#{company}"></label>
							<div class="controls">

								<input type="text" th:field="*{company.name}"
									required="required" class="input-xlarge"
									th:placeholder="#{company}" /> <span class="help-inline"></span>

							</div>

						</div>

						<div class="control-group" id="cgname">
							<label class="control-label" for="company" th:utext="#{fullname}"></label>
							<div class="controls">
								<input type="text" th:field="*{name}" class="input-xlarge"
									th:placeholder="#{fullname}" required="required" /> <span
									class="help-inline"></span>
							</div>
						</div>



						<div class="control-group" id="cgemail">
							<label class="control-label" for="email" th:utext="#{email}"></label>
							<div class="controls">
								<input type="text" th:field="*{email}" class="input-xlarge"
									required="required" th:placeholder="#{email}" /> <span
									class="help-inline"></span>
							</div>
						</div>



						<div class="form-actions">
							<button type="submit" class="btn btn-success"
								th:utext="#{signup}"></button>
							<button type="reset" class="btn btn-info" th:utext="#{cancel}"></button>

						</div>

					</fieldset>
				</form>


			</div>
			<!--/span-->

		</div>
		<!--/row-->

		<hr />



	</div>
	<!-- /container -->

	<div class="container">
		<!-- 
		<div class="row-fluid">
			<div class="span12">
				<div class="span2" style="width: 15%;">
					<ul class="unstyled">
						<li>GitHub</li>
						<li></li>
						<li><a href="#">About us</a></li>
						<li><a href="#">Blog</a></li>
						<li><a href="#">Contact support</a></li>
						<li><a href="#">Enterprise</a></li>
						<li><a href="#">Site status</a></li>
					</ul>
				</div>
				<div class="span2" style="width: 15%;">
					<ul class="unstyled">
						<li>Applications</li>
						<li></li>
						<li><a href="#">Product for Mac</a></li>
						<li><a href="#">Product for Windows</a></li>
						<li><a href="#">Product for Eclipse</a></li>
						<li><a href="#">Product mobile apps</a></li>
					</ul>
				</div>
				<div class="span2" style="width: 15%;">
					<ul class="unstyled">
						<li>Services</li>
						<li></li>
						<li><a href="#">Web analytics</a></li>
						<li><a href="#">Presentations</a></li>
						<li><a href="#">Code snippets</a></li>
						<li><a href="#">Job board</a></li>
					</ul>
				</div>
				<div class="span2" style="width: 15%;">
					<ul class="unstyled">
						<li>Documentation</li>
						<li></li>
						<li><a href="#">Product Help</a></li>
						<li><a href="#">Developer API</a></li>
						<li><a href="#">Product Markdown</a></li>
						<li><a href="#">Product Pages</a></li>
					</ul>
				</div>
				<div class="span2" style="width: 15%;">
					<ul class="unstyled">
						<li>More</li>
						<li></li>
						<li><a href="#">Training</a></li>
						<li><a href="#">Students teachers</a></li>
						<li><a href="#">The Shop</a></li>
						<li><a href="#">Plans pricing</a></li>
						<li><a href="#">Contact us</a></li>
					</ul>
				</div>
			</div>
		</div>
		<hr />
		
		 -->
		<div class="row-fluid">
			<div class="row-fluid">
				<div class="span12">
					<!-- 
					<div class="span8 pull-left">
						<a href="#" th:utext="#{termsofservice}"></a>| <a href="#"
							th:utext="#{privacy}"></a> |<a th:utext="#{security}" href="#"></a>
					</div>
					 -->
					<div class="span4">
						<p class="muted pull-right" th:utext="#{copyright}"></p>
					</div>
				</div>
			</div>
		</div>
	</div>


	<!-- Le javascript
    ================================================== -->
	<!-- Placed at the end of the document so the pages load faster -->
	<script src="js/jquery.js" th:src="@{/resources/js/jquery.js}"></script>
	
	<script src="js/bootstrap-dropdown.js"
		th:src="@{/resources/js/bootstrap-dropdown.js}"></script>

	<script src="js/bootstrap-alert.js"
		th:src="@{/resources/js/bootstrap-alert.js}"></script>

	<script src="js/register.js" th:src="@{/resources/js/register.js}"></script>

</body>
</html>
